<template>
    <div>
        <h3 class="title">{{goodsdesc.title}}</h3>
        <hr>
        <div class="content" v-html="goodsdesc.content"></div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            goodsdesc: []
        }
    },
    created() {
        this.getGoodsDesc()
    },
    methods: {
        async getGoodsDesc(){
            const {data} = await this.$http.get('/api/goods/getdesc/' + this.id)
            // console.log(data);
            return (this.goodsdesc = data.message[0])
        }
    },
    props: ["id"]
}
</script>

<style lang="scss">
.title{
    font-size: 18px;
    color: #26a2ff;
    text-align: center;
    padding-top: 3px;
}
img{
    width: 100%;
    padding: 0;
    margin: 0;
}
</style>